<!-- 搜索结果 -->
<ng-container *ngIf="tagData.data.headDiv && tagData.data.data && tagData.data.data.length > 0; else noDataTemplate">
  <div
    *ngIf="tagData.data.headDiv && tagData.data.headDiv.headTitle && tagData.data.data && tagData.data.data.length > 0"
    class="session-header"
    [ngStyle]="tagData.data.headDiv?.moreLink?.link?.params?.sessionHeaderBoxCssStyle|styleFilter">
    <p class="session-title" [ngStyle]="tagData.data.headDiv?.moreLink?.link?.params?.sessionTitleCssStyle|styleFilter">
      {{tagData.data.headDiv.headTitle}}</p>
    <div appDebounceClick (debounceClick)="moreActionClick(tagData.data.headDiv)" class="fr" class="more-ac-bg fr"
      [ngStyle]="tagData.data.headDiv?.moreLink?.link?.params?.linkTitleBoxCssStyle|styleFilter">
      <p class="action-label " [ngStyle]="tagData.data.headDiv?.moreLink?.link?.params?.linkTitleCssStyle|styleFilter">
        {{tagData.data.headDiv.moreLink.linkTitle}}</p><i class="detail-icon fr"></i>
    </div>
  </div>
  <div [ngStyle]="tagData.cssStyle | styleFilter"
    *ngIf="(tagData.data && tagData.data.data && tagData.data.data.length > 0 ) ||   tagData.data.headDiv?.imgHeadDiv?.img?.imgUrl">
    <!-- hot header -->
    <div *ngIf="tagData.data.headDiv?.imgHeadDiv?.img?.imgUrl" class="hot-bg">
      <img src="{{tagData.data.headDiv?.imgHeadDiv?.img?.imgUrl}}" alt="" class="hot-img-bg"
        [ngStyle]="tagData.data.headDiv?.imgHeadDiv?.img?.cssStyle | styleFilter">
      <div class="hot-time" *ngIf="tagData.data.headDiv?.imgHeadDiv?.firstRowLeft?.label"
        [ngStyle]="tagData.data.headDiv?.imgHeadDiv?.firstRowLeft?.cssStyle | styleFilter">{{
        tagData.data.headDiv?.imgHeadDiv?.firstRowLeft?.label}}</div>
      <div class="hot-title" *ngIf="tagData.data.headDiv?.imgHeadDiv?.secondRowLeft?.label"
        [ngStyle]="tagData.data.headDiv?.imgHeadDiv?.secondRowLeft?.cssStyle | styleFilter">{{
        tagData.data.headDiv?.imgHeadDiv?.secondRowLeft?.label}}</div>
      <div class="hot-sub-title" *ngIf="tagData.data.headDiv?.imgHeadDiv?.thirdRowLeft?.label"
        [ngStyle]="tagData.data.headDiv?.imgHeadDiv?.thirdRowLeft?.cssStyle | styleFilter">{{
        tagData.data.headDiv?.imgHeadDiv?.thirdRowLeft?.label}}</div>
      <div class="hot-footer"></div>
    </div>
  </div>
</ng-container>
<ng-template #noDataTemplate>
  <div *ngIf="tagData.data.headDiv && tagData.data.headDiv.headTitle  " class="session-header">
    <p class="session-title">{{tagData.data.headDiv.headTitle}}</p>
    <div appDebounceClick (debounceClick)="moreActionClick(tagData.data.headDiv)" class="fr" class="more-ac-bg fr"
      *ngIf="tagData.data.headDiv.moreLink&&tagData.data.headDiv.moreLink.link.params.hiddenMoreLink===undefined">
      <p class="action-label ">{{tagData.data.headDiv.moreLink.linkTitle}}</p><i class="detail-icon fr"></i>
    </div>
  </div>
  <div [ngStyle]="tagData.cssStyle | styleFilter"
    *ngIf="(tagData.data ) ||   tagData.data.headDiv?.imgHeadDiv?.img?.imgUrl">
    <!-- hot header -->
    <div *ngIf="tagData.data.headDiv?.imgHeadDiv?.img?.imgUrl" class="hot-bg">
      <img src="{{tagData.data.headDiv?.imgHeadDiv?.img?.imgUrl}}" alt="" class="hot-img-bg"
        [ngStyle]="tagData.data.headDiv?.imgHeadDiv?.img?.cssStyle | styleFilter">
      <div class="hot-time" *ngIf="tagData.data.headDiv?.imgHeadDiv?.firstRowLeft?.label"
        [ngStyle]="tagData.data.headDiv?.imgHeadDiv?.firstRowLeft?.cssStyle | styleFilter">{{
        tagData.data.headDiv?.imgHeadDiv?.firstRowLeft?.label}}</div>
      <div class="hot-title" *ngIf="tagData.data.headDiv?.imgHeadDiv?.secondRowLeft?.label"
        [ngStyle]="tagData.data.headDiv?.imgHeadDiv?.secondRowLeft?.cssStyle | styleFilter">{{
        tagData.data.headDiv?.imgHeadDiv?.secondRowLeft?.label}}</div>
      <div class="hot-sub-title" *ngIf="tagData.data.headDiv?.imgHeadDiv?.thirdRowLeft?.label"
        [ngStyle]="tagData.data.headDiv?.imgHeadDiv?.thirdRowLeft?.cssStyle | styleFilter">{{
        tagData.data.headDiv?.imgHeadDiv?.thirdRowLeft?.label}}</div>
      <div class="hot-footer"></div>
    </div>
  </div>
</ng-template>




<ng-container *ngFor="let item of tagData.data.data, let i = index">

  <!-- 日期分组 -->
  <ng-container *ngIf="tagData.data.ifDateSort === true && item.date">
    <p class="date-sort"
      *ngIf="i == 0  || (i > 0 &&  item.date.substring(0,10) !== tagData.data.data[i-1].date.substring(0,10))">
      {{item.date | date:'M月d日'}}</p>

  </ng-container>
  <!-- 0 插入提示 -->
  <ng-container *ngIf="item.plugin_id === '0'">
    <div class="list-item-0-bg" [ngStyle]="item.cssStyle | styleFilter">
      <p class="bg-item-title" *ngIf="item.title">
        {{item.title}}
      </p>
      <p class="bg-item-title-sub">{{item.content}}</p>
      <!-- 顾问 -->
      <div class="counselor-bg">
        <img src="{{item.downTag?.icon}}" alt="" class="counselor-avatar"
          onerror="onerror=null;src='assets/img/headportraitstaff.png'">
        <div class="counselor-content">
          <p class="counselor-name">{{item.downTag?.name}}</p>
          <p class="counselor-service"> <span>{{item.downTag?.label?.firstText}}</span> <span
              class="num-o">{{item.downTag?.label?.secondText}}</span> <span>{{item.downTag?.label?.thirdText}}</span>
          </p>

        </div>
        <div class="counselor-call" *ngIf="item.downTag?.phone?.text"
          appDebounceClick (debounceClick)="counselorCall(item.downTag?.phone?.text)">{{item.downTag?.phone?.label}}</div>
      </div>
    </div>

  </ng-container>

  <div class="item-bg-img-big 1" *ngIf="item.type && item.type === '1'"
    [ngStyle]="item.button.buttonLink.cssStyle | styleFilter">
    <img class="big-img" src="{{item.img}}" alt="" appDebounceClick (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
    <!-- <div class="btn" [ngStyle]="item.button.buttonLink.cssStyle | styleFilter"
        appDebounceClick (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">{{item.button?.buttonLink?.label}}</div> -->
  </div>

  <!-- small ad -->
  <div class="item-bg-img-big 2" *ngIf="item.type && item.type === '2'"
    [ngStyle]="item.button.buttonLink.cssStyle | styleFilter">
    <img class="big-img" src="{{item.img}}" alt="" appDebounceClick (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
    <!-- <div class="btn" [ngStyle]="item.button.buttonLink.cssStyle | styleFilter"
        appDebounceClick (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">{{item.button?.buttonLink?.label}}</div> -->
  </div>

  <!-- Ad3 -->
  <div class="item-ad-bg item-ad-3" [ngStyle]="tagData.data.itemCssStyle | styleFilter"
    *ngIf="item.type && item.type === '3'">
    <img *ngIf="item.backgroundImg" src="assets/fw/{{item.backgroundImg}}" alt="" class="ad-img-bg">

    <p class="ad-title" *ngIf="item.firstRowLeft?.firstText?.label"
      [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">{{item.firstRowLeft?.firstText?.label}}</p>
    <p class="ad-subtitle" *ngIf="item.secondRowLeft?.firstText?.label"
      [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</p>

    <div class="downTag">
      <div class="item-ad-3-left">
        <img src="{{item.downTag?.icon}}" alt="" class="avatar">
        <div class="name-bg">
          <p class="item-ad-3-name">{{item.downTag?.name}}</p>
          <p class="service-content">
            <span class="service-content-label">{{item.downTag?.label?.firstText}}</span>
            <span class="service-content-count">{{item.downTag?.label?.secondText}}</span>
            <span class="service-content-label">{{item.downTag?.label?.thirdText}}</span>
          </p>
        </div>
      </div>
      <div class="ad-btn" appDebounceClick (debounceClick)="callPhone(item.downTag?.phone?.text)">
        {{item.downTag?.phone?.label}}
      </div>
    </div>


    <!-- <div class="ad-btn" appDebounceClick (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)" *ngIf="item.button?.buttonLink?.label">{{item.button?.buttonLink?.label}}</div> -->

  </div>

  <!-- Ad4 -->
  <div class="item-ad-bg item-ad-4" [ngStyle]="tagData.data.itemCssStyle | styleFilter"
    *ngIf="item.type && item.type === '4'">
    <img *ngIf="item.backgroundImg" src="assets/fw/{{item.backgroundImg}}" alt="" class="ad-img-bg">
    <div class="item-ad-4-left ">
      <p class="ad-title" *ngIf="item.firstRowLeft?.firstText?.label"
        [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">{{item.firstRowLeft?.firstText?.label}}</p>
      <p class="ad-subtitle" *ngIf="item.secondRowLeft?.firstText?.label"
        [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</p>
    </div>
    <div class="ad-btn" appDebounceClick (debounceClick)="pageModalService.openPage(item.button.buttonLink.link)"
      *ngIf="item.button?.buttonLink?.label">{{item.button?.buttonLink?.label}}</div>
  </div>

  <!-- Ad5 -->
  <div class="item-ad-bg item-ad-5" [ngStyle]="tagData.data.itemCssStyle | styleFilter"
    *ngIf="item.type && item.type === '5'">
    <div *ngIf="item.title?.firstText?.label" class="ad-header">
      <p class="item-ad-5-title">{{item.title?.firstText?.label}}</p>
      <div appDebounceClick (debounceClick)="pageModalService.openPage(item.button?.buttonLink?.link)" *ngIf="item.button?.buttonText?.label"
        class="ad-ac-bg" [ngStyle]="item.button?.buttonText?.cssStyle | styleFilter">
        <p class="ad-label">{{item.button?.buttonText?.label}}</p><i class="ad-more-icon"></i>
      </div>
    </div>
    <div class="ad-list-bg">
      <div *ngFor="let it of item.data;let dateIndex = index;" class="item-title-img-bg"
        appDebounceClick (debounceClick)="pageModalService.openPage(it.buttonLink?.link?.link)">
        <!-- img -->

        <img *ngIf="it.img" class="title-img" src="{{it.img.imgUrl}}" alt=""
          onerror="this.src='assets/img/default_rk.png'">

        <span *ngIf="it.img?.authLabel?.label" [ngStyle]="it.img?.authLabel?.cssStyle | styleFilter "
          class="title-img-auth">{{it.img?.authLabel?.label}}</span>
        <!-- title -->
        <div class="ad5-item-title-bg item-title-1line">
          <span class="title" [ngStyle]="it.firstRowLeft?.firstText?.cssStyle | styleFilter"
            *ngIf="it.firstRowLeft?.firstText?.label">
            {{it.firstRowLeft?.firstText?.label}}
          </span>
        </div>
        <!-- 面积 -->
        <div *ngIf="it.secondRowLeft" class="detail-info">
          <span *ngIf="it.secondRowLeft?.firstText?.label"
            [ngStyle]="it.secondRowLeft?.firstText?.cssStyle | styleFilter">{{it.secondRowLeft?.firstText?.label}}</span>
          <i class="detail-info-sep" *ngIf="it.secondRowLeft?.firstText?.label && it.secondRowLeft?.secondText?.label"
            [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
          <span *ngIf="it.secondRowLeft?.secondText?.label"
            [ngStyle]="it.secondRowLeft?.secondText?.cssStyle | styleFilter">{{it.secondRowLeft?.secondText?.label}}</span>
          <i class="detail-info-sep" *ngIf="it.secondRowLeft?.thirdText?.label && it.secondRowLeft?.secondText?.label"
            [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
          <span *ngIf="it.secondRowLeft?.thirdText?.label"
            [ngStyle]="it.secondRowLeft?.thirdText?.cssStyle | styleFilter">{{it.secondRowLeft?.thirdText?.label}}</span>
        </div>
        <!-- price -->
        <div *ngIf="it.thirdRowLeft" class="price-bg">
          <span class="price-label" *ngIf="it.thirdRowLeft.firstText?.label"
            [ngStyle]="it.thirdRowLeft?.firstText?.cssStyle | styleFilter">{{it.thirdRowLeft.firstText.label}}</span><span
            *ngIf="it.thirdRowLeft.secondText?.label" class="price-unit"
            [ngStyle]="it.thirdRowLeft?.secondText?.cssStyle | styleFilter">{{it.thirdRowLeft.secondText.label}}</span>
        </div>
      </div>
    </div>

  </div>


  <!-- <div class="item-ad-bg item-ad-6" [ngStyle]="tagData.data.itemCssStyle | styleFilter" *ngIf="item.type && item.type === '6'">
  <p style="height: 4rem; text-align: center; color: brown;">Test AD-type:{{item.type}}</p>
</div> -->






  <div class="item-bg-more" *ngIf="item.type && item.type === '100'" [ngStyle]="item.button.cssStyle | styleFilter"
    appDebounceClick (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
    {{item.button.buttonLink.label}}
  </div>
  <!-- Ad6 -->
  <ng-container *ngIf="(item.plugin_id !== '0' && item.plugin_id !== undefined) || (item.type && item.type === '6') ">

    <div class="list-item-bg" [ngStyle]="tagData.data.itemCssStyle | styleFilter">
      <!-- 转让/出租 1，2, 13,15,16,17，18,19，20，21，22 ,30 -->
      <ng-container *ngIf="item.plugin_id === '1' ||
        item.plugin_id === '2' || 
        item.plugin_id === '4' || 
        item.plugin_id === '13'||
        item.plugin_id === '15' ||
        item.plugin_id === '16' ||
        item.plugin_id === '17' ||
        item.plugin_id === '18' ||
        item.plugin_id === '26' ||
        item.plugin_id === '19' ||
        item.plugin_id === '20' ||
        item.plugin_id === '21' ||
        item.plugin_id === '22' ||
        item.plugin_id === '30' || 
        (item.type && item.type === '6') ">
        <!--  图片 商机名称 主要内容 -->
        <div class="item-main">
          <div class="item-left" [ngStyle]="item.img?.cssStyle | styleFilter "
            [ngClass]="{'empty-item-left': item.imgCount==='0'}" *ngIf="item.img?.imgUrl !== undefine"
            appDebounceClick (debounceClick)="justGoPage(item,$event,i)">
            <!--蜂喔商户 1.6.17  imgCount pluginid =3 14 案例 -->
            <ng-container *ngIf="item.imgCount==='0'; else imgUrlelseTemplate">
            </ng-container>
            <ng-template #imgUrlelseTemplate>
              <img class="item-img" src="{{item.img?.imgUrl}}" alt=""
                onerror="onerror=null;src='assets/img/default_rk.png'"
                [ngStyle]="item.img?.imgCssStyle | styleFilter ">
            </ng-template>
            <span *ngIf="item.img?.authSign?.label" [ngStyle]="item.img?.authSign?.cssStyle | styleFilter "
              class="auth-left"><img *ngIf="item.img?.authSign?.icon"
                src="assets/fw/{{item.img?.authSign?.icon}}"
                class="auth-icon">{{item.img?.authSign?.label}}</span>
          </div>
          <div class="item-right" [ngStyle]="item.rightCssStyle?.value | styleFilter">
            <p class="item-title" [ngStyle]="item.title?.fistText?.cssStyle | styleFilter"
              [ngClass]="{'item-title-2line': item.plugin_id === '1' || item.plugin_id === '2'}" *ngIf="item.title"
              appDebounceClick (debounceClick)="justGoPage(item,$event,i)">
              {{item.title?.fistText?.label}}



            </p>
            <div class="item-content-bg" [ngStyle]="item.firstLine?.cssStyle | styleFilter"
              *ngIf="item.firstLine?.firstText?.label || item.firstLine?.secondText?.label || item.firstLine?.thirdText?.label">
              <p class="item-content">
                <span *ngIf="item.firstLine?.firstText?.label" class="content "
                  [ngStyle]="item.firstLine?.firstText?.cssStyle | styleFilter">{{item.firstLine?.firstText?.label}}</span>

                <i class="item-content-sep" *ngIf="item.firstLine?.firstText?.label && item.firstLine?.secondText?.label"
                  [ngStyle]="item.firstLine?.sep?.cssStyle | styleFilter"></i>

                <span *ngIf="item.firstLine?.secondText?.label" class="content "
                  [ngStyle]="item.firstLine?.secondText?.cssStyle | styleFilter">{{item.firstLine?.secondText?.label}}</span>

                <i class="item-content-sep" *ngIf="item.firstLine?.secondText?.label && item.firstLine?.thirdText?.label"
                  [ngStyle]="item.firstLine?.sep?.cssStyle | styleFilter"></i>

                <span *ngIf="item.firstLine?.thirdText?.label" class="content "
                  [ngStyle]="item.firstLine?.thirdText?.cssStyle | styleFilter">{{item.firstLine?.thirdText?.label}}</span>

                <i class="item-content-sep" *ngIf="item.firstLine?.thirdText?.label && item.firstLine?.fourthText?.label"
                  [ngStyle]="item.firstLine?.sep?.cssStyle | styleFilter"></i>

                <span *ngIf="item.firstLine?.fourthText?.label" class="content "
                  [ngStyle]="item.firstLine?.fourthText?.cssStyle | styleFilter">{{item.firstLine?.fourthText?.label}}</span>
              </p>
              <!-- <p *ngIf="item.time" class="content-time">{{item.time}}</p> -->
            </div>

            <!-- tags -->
            <div class="item-content-bg" *ngIf="item.labels && item.labels.length > 0">
              <span class="tag" *ngFor="let tag of item.labels">{{tag}}</span>
            </div>

            <!--新增用于显示新增标签排列在价格前面-->
            <div class="item-content-tags" *ngIf="item.tags">
              <ng-container *ngFor="let subItem of item.tags">
                <span [ngStyle]="subItem.cssStyle | styleFilter">{{subItem.label}}</span>
              </ng-container>
            </div>

            <div class="item-content-bg" [ngStyle]="item.secondLine?.cssStyle | styleFilter"
              *ngIf="item.secondLine?.firstText?.label || item.secondLine?.secondText?.label || item.secondLine?.thirdText?.label">
              <p class="item-content secondLine">
                <span *ngIf="item.secondLine?.firstText?.label" class="content red"
                  [ngStyle]="item.secondLine?.firstText?.cssStyle | styleFilter"><i
                    [ngStyle]="item.secondLine?.firstText?.unitLeft?.cssStyle | styleFilter">{{item.secondLine?.firstText?.unitLeft?.label}}</i>{{item.secondLine?.firstText?.label}}<i
                    [ngStyle]="item.secondLine?.firstText?.unit?.cssStyle | styleFilter">{{item.secondLine?.firstText?.unit?.label}}</i></span>

                <span *ngIf="item.secondLine?.secondText?.label" class="content"
                  [ngStyle]="item.secondLine?.secondText?.cssStyle | styleFilter" [innerHTML]="item.secondLine?.secondText?.label | parseStyle"></span>
                <span *ngIf="item.secondLine?.space" class="content"
                  [ngStyle]="item.secondLine?.space?.cssStyle | styleFilter"></span>
                <span *ngIf="item.secondLine?.thirdText?.label" class="content" appDebounceClick (debounceClick)="seeRecommed(item.link)"
                  [ngStyle]="item.secondLine?.thirdText?.cssStyle | styleFilter">{{item.secondLine?.thirdText?.label}}</span>
              </p>
            </div>

            <!-- 蜂喔用戶版 1.9.0  維保需求 客服评价新增参数 -->
            <div class="item-content-bg" [ngStyle]="item.start?.box?.cssStyle | styleFilter" *ngIf="item.start">
              <p class="item-ad-7-start" [ngStyle]="item.start?.firstText?.lineCssStyle|styleFilter">
                <app-rating [rate]="item.start?.firstText?.rate" [ngStyle]="item.start?.firstText?.rateCssStyle | styleFilter">
                </app-rating>
                <span *ngIf="item.start?.firstText?.label" [ngStyle]="item.start?.firstText?.labelCssStyle|styleFilter">
                  {{item.start?.firstText?.label}}
                </span>
                <span *ngIf="item.start?.secondText?.label" [ngStyle]="item.start?.secondText?.labelCssStyle|styleFilter">
                  {{item.start?.secondText?.label}}
                </span>
                <span *ngIf="item.start?.thirdText?.label" [ngStyle]="item.start?.thirdText?.labelCssStyle|styleFilter">
                  {{item.start?.thirdText?.label}}
                </span>
              </p>
            </div>

            <!-- 推荐盒子 在右侧-->
            <div *ngIf="item.recommedBox" class="item-recommed-bg"
              [ngStyle]="item.recommedBox.boxBg?.cssStyle | styleFilter">
              <p class="item-recommed-content" appDebounceClick (debounceClick)="seeRecommed(item.recommedBox.lookLink.link)">
                <i class="recommed-icon"></i>
                <span>{{item.recommedBox.firstText?.label}}</span>
                <span class="item-recommed-content-num"
                  [ngStyle]="item.recommedBox.secondText?.cssStyle | styleFilter">{{item.recommedBox.secondText?.label}}</span>
                <span>{{item.recommedBox.thirdText?.label}}</span>
                <i class="recommed-detail-icon"></i>
              </p>
            </div>
          </div>
        </div>

      </ng-container>

      <!-- 选址 3 14 24 25 26 27 28 29 37-->
      <ng-container *ngIf="item.plugin_id === '3' ||
        item.plugin_id === '14' ||
        item.plugin_id === '24' || 
        item.plugin_id === '23' || 
        item.plugin_id === '25' ||
        item.plugin_id === '27' ||
        item.plugin_id === '28' ||
        item.plugin_id === '29' ||
        item.plugin_id === '37'">
        <div class="item-content-bg" appDebounceClick (debounceClick)="justGoPage(item,$event,i)" [ngStyle]="item.title?.titleCssStyle | styleFilter">
          <span *ngIf="item.title?.leftAuthSign?.label" [ngStyle]="item.title?.leftAuthSign?.cssStyle | styleFilter "
            class="auth">{{item.title?.leftAuthSign?.label}}</span>
          <p class="item-title item-title-3" [ngStyle]="item.title?.fistText?.cssStyle | styleFilter"
            *ngIf="item.title">
            {{item.title?.fistText?.label}}
          </p>
        </div>

        <div class="item-content-bg" appDebounceClick (debounceClick)="justGoPage(item,$event,i)"
          *ngIf="item.area?.firstText?.label || item.area?.secondText?.label || item.time"
          [ngStyle]="item.area?.areaCssStyle | styleFilter">
          <p class="item-content">

            <span *ngIf="item.area?.firstText?.label" class="content area"
              [ngStyle]="item.area?.firstText?.cssStyle | styleFilter">{{item.area?.firstText?.label}}</span>

            <span *ngIf="item.area?.sep1" class="content area"
              [ngStyle]="item.area?.sep1?.cssStyle | styleFilter"></span>

            <span *ngIf="item.area?.secondText?.label" class="content area"
              [ngStyle]="item.area?.secondText?.cssStyle | styleFilter">{{item.area?.secondText?.label}}</span>
            <span *ngIf="item.area?.sep2" class="content area"
              [ngStyle]="item.area?.sep2?.cssStyle | styleFilter"></span>
            <span *ngIf="item.area?.thirdText?.label" class="content area"
              [ngStyle]="item.area?.thirdText?.cssStyle | styleFilter">{{item.area?.thirdText?.label}}</span>
          </p>
          <p *ngIf="item.time" class="content-time">{{item.time}}</p>
        </div>

        <!--新增用于显示新增标签-->
        <div class="item-content-tags" *ngIf="item.tags">
          <ng-container *ngFor="let subItem of item.tags">
            <span [ngStyle]="subItem.cssStyle | styleFilter">{{subItem.label}}</span>
          </ng-container>
        </div>


        <!--1.7.1 蜂喔新需求新增参数融合 plugin_id -->
        <ng-container *ngIf="item.plugin_id === '3' ||
        item.plugin_id === '14' ||
        item.plugin_id === '23' || 
        item.plugin_id === '24' || 
        item.plugin_id === '25' ||
        item.plugin_id === '27' ||
        item.plugin_id === '28' ||
        item.plugin_id === '29' ||
        item.plugin_id === '37'">

          <div class="item-content-bg" [ngStyle]="item.secondLine?.cssStyle | styleFilter"
            *ngIf="item.secondLine?.firstText?.label || item.secondLine?.secondText?.label || item.secondLine?.thirdText?.label">
            <p class="item-content secondLine" [ngStyle]="item.secondLine?.firstText?.boxCssStyle | styleFilter">
              <span *ngIf="item.secondLine?.firstText?.label" class="content red"
                [ngStyle]="item.secondLine?.firstText?.cssStyle | styleFilter"><i
                  [ngStyle]="item.secondLine?.firstText?.unitLeft?.cssStyle | styleFilter">{{item.secondLine?.firstText?.unitLeft?.label}}</i>{{item.secondLine?.firstText?.label}}<i
                  [ngStyle]="item.secondLine?.firstText?.unit?.cssStyle | styleFilter">{{item.secondLine?.firstText?.unit?.label}}</i></span>
              <span *ngIf="item.secondLine?.secondText?.label" class="content"
                [ngStyle]="item.secondLine?.secondText?.cssStyle | styleFilter" [innerHTML]="item.secondLine?.secondText?.label | parseStyle"></span>
              <span *ngIf="item.secondLine?.space" class="content"
                [ngStyle]="item.secondLine?.space?.cssStyle | styleFilter"></span>
              <span *ngIf="item.secondLine?.thirdText?.label" class="content" appDebounceClick (debounceClick)="seeRecommed(item.link)"
                [ngStyle]="item.secondLine?.thirdText?.cssStyle | styleFilter">{{item.secondLine?.thirdText?.label}}</span>
            </p>
          </div>
        </ng-container>
      </ng-container>

      <!-- 招商加盟 6 -->
      <ng-container *ngIf="item.plugin_id === '6'">
        <!--  图片 商机名称 主要内容 -->
        <div class="item-main" appDebounceClick (debounceClick)="justGoPage(item,$event,i)">
          <div class="item-left item-left-big" *ngIf="item.img?.imgUrl !== undefine">
            <img class="item-img" src="{{item.img?.imgUrl}}" alt=""
              onerror="onerror=null;src='assets/img/default_rk.png'"
              [ngStyle]="item.img?.imgCssStyle | styleFilter ">
            <span *ngIf="item.img?.authSign?.label" [ngStyle]="item.img?.authSign?.cssStyle | styleFilter "
              class="auth-left">{{item.img?.authSign?.label}}</span>
          </div>
          <div class="item-right item-right-6">

            <p class="item-title-bg" *ngIf="item.title">
              <span class="item-title "
                [ngStyle]="item.title?.fistText?.cssStyle | styleFilter">{{item.title?.fistText?.label}} </span>
              <!-- 合作品牌 -->
              <span class="title-tag" *ngIf="item.title.cooperationSign?.label"
                [ngStyle]="item.title.cooperationSign?.cssStyle | styleFilter">{{item.title.cooperationSign.label}}</span>
            </p>
            <p class="item-title-sub" *ngIf="item.intro">
              {{item.intro}}
            </p>
            <div class="item-content-bg"
              *ngIf="item.avgPrice?.firstText?.label || item.avgPrice?.secondText?.label || item.avgPrice?.thirdText?.label || item.industry">
              <p class="item-content">
                <span *ngIf="item.avgPrice?.firstText?.label"
                  class="content avg-price">{{item.avgPrice?.firstText?.label}}</span>
                <span *ngIf="item.avgPrice?.secondText?.label" class="content area"
                  [ngStyle]="item.avgPrice?.secondText?.cssStyle | styleFilter">{{item.avgPrice?.secondText?.label}}</span>
                <span *ngIf="item.avgPrice?.thirdText?.label" class="content area"
                  [ngStyle]="item.avgPrice?.thirdText?.cssStyle | styleFilter">{{item.avgPrice?.thirdText?.label}}</span>
                <span *ngIf="item.industry" class="content">{{item.industry}}</span>
              </p>
              <p *ngIf="item.time" class="content-time">{{item.time}}</p>
            </div>
            <!--新增用于显示新增标签-->
            <div class="item-content-tags" *ngIf="item.tags">
              <ng-container *ngFor="let subItem of item.tags">
                <span [ngStyle]="subItem.cssStyle | styleFilter">{{subItem.label}}</span>
              </ng-container>
            </div>
          </div>
        </div>
      </ng-container>

      <!-- 装修 9 -->
      <ng-container *ngIf="item.plugin_id === '9'">
        <div class="item-main" appDebounceClick (debounceClick)="justGoPage(item,$event,i)">
          <div class="item-left item-left-9" *ngIf="item.img?.imgUrl !== undefine">
            <img class="item-img item-img-9" src="{{item.img.imgUrl}}" alt=""
              onerror="onerror=null;src='assets/img/default_img_square.png'"
              [ngStyle]="item.img?.imgCssStyle | styleFilter ">
            <span *ngIf="item.img?.authSign?.label" [ngStyle]="item.img?.authSign?.cssStyle | styleFilter "
              class="auth-left">{{item.img?.authSign?.label}}</span>
          </div>
          <div class="item-right item-right-9">
            <!-- title -->
            <p class="item-title-bg-9" *ngIf="item.title">
              <span class="item-title"
                [ngStyle]="item.title?.fistText?.cssStyle | styleFilter">{{item.title?.fistText?.label}} </span>
              <!-- 认证 -->
              <span class="title-tag" *ngIf="item.title.rightAuthSign?.label"
                [ngStyle]="item.title.rightAuthSign?.cssStyle | styleFilter">{{item.title.rightAuthSign.label}}</span>
            </p>

            <div class="item-content-bg">
              <p class="item-content">
                <span *ngIf="item.industry" class="content">{{item.industry}}</span>
                <span *ngIf="item.avgPrice?.firstText?.label"
                  class="content avg-price">{{item.avgPrice?.firstText?.label}}</span>
                <span *ngIf="item.avgPrice?.secondText?.label" class="content area"
                  [ngStyle]="item.avgPrice?.secondText?.cssStyle | styleFilter">{{item.avgPrice?.secondText?.label}}</span>
                <span *ngIf="item.avgPrice?.thirdText?.label" class="content area"
                  [ngStyle]="item.avgPrice?.thirdText?.cssStyle | styleFilter">{{item.avgPrice?.thirdText?.label}}</span>
              </p>
              <!-- <p class="content-time">{{item.time}}</p> -->
            </div>
            <!-- 标签 -->
            <div class="item-content-bg-9" *ngIf="item.labels && item.labels.length > 0">
              <span class="tag" *ngFor="let tag of item.labels">{{tag}}</span>
            </div>
          </div>
        </div>
      </ng-container>

      <!-- 选址具体要求 -->
      <div *ngIf="item.requireLabel" [ngStyle]="item.requireLabel?.box?.cssStyle|styleFilter"
        class="require-bg item-title-2line" appDebounceClick (debounceClick)="justGoPage(item,$event,i)">
        <span class="require-label" *ngIf="item.requireLabel.firstText?.label"
          [ngStyle]="item.requireLabel?.firstText?.labelCssStyle|styleFilter"><i
            style="z-index: 2; position: relative;">{{item.requireLabel.firstText.label}}</i><i
            class="require-label-bg"></i></span><span *ngIf="item.requireLabel.secondText?.label"
          [ngStyle]="item.requireLabel?.secondText?.labelCssStyle|styleFilter">{{item.requireLabel.secondText.label}}</span>
      </div>


      <ng-container *ngIf="item.plugin_id === '3' ||
        item.plugin_id === '14' ||
        item.plugin_id === '23' || 
        item.plugin_id === '24' || 
        item.plugin_id === '25' ||
        item.plugin_id === '27' ||
        item.plugin_id === '28' ||
        item.plugin_id === '29' ||
        item.plugin_id === '37'">
        <!-- 蜂喔用戶版 1.9.0  維保需求 客服评价新增参数 -->
        <div class="item-content-bg" [ngStyle]="item.start?.box?.cssStyle | styleFilter" *ngIf="item.start">
          <p class="item-ad-7-start" [ngStyle]="item.start?.firstText?.lineCssStyle|styleFilter">
            <app-rating [rate]="item.start?.firstText?.rate">
            </app-rating>
            <span *ngIf="item.start?.firstText?.label" [ngStyle]="item.start?.firstText?.labelCssStyle|styleFilter">
              {{item.start?.firstText?.label}}
            </span>
          </p>
        </div>
        <!-- 推荐盒子 3 ，14 ，23 ,24 ，25，26, 27 , 28, 29,37-->
        <div *ngIf="item.recommedBox" class="item-recommed-bg"
          [ngStyle]="item.recommedBox.boxBg?.cssStyle | styleFilter">

          <div class="item-recommed-content" [ngStyle]="item.recommedBox?.box?.cssStyle|styleFilter"
            appDebounceClick (debounceClick)="seeRecommed(item.recommedBox.lookLink.link)">
            <div style="display: flex; align-items: center;">
              <i class="recommed-icon"></i>
              <span>{{item.recommedBox.firstText?.label}}</span>
              <span class="item-recommed-content-num"
                [ngStyle]="item.recommedBox.secondText?.cssStyle | styleFilter">{{item.recommedBox.secondText?.label}}</span>
              <span>{{item.recommedBox.thirdText?.label}}</span>
              <i class="recommed-detail-icon"></i>
            </div>
            <span *ngIf="item.recommedBox.acceptOrderRightNow"
              [ngStyle]="item.recommedBox.acceptBtn.cssStyle|styleFilter"
              appDebounceClick (debounceClick)="buttonClick($event,item.recommedBox.acceptOrderRightNow)">
              {{item.recommedBox.acceptBtn.label}}
            </span>
          </div>
        </div>
      </ng-container>

      <!--  顾问 consultantBox  1.7.1新增修改推荐语弹出modal  1.6.15 版本新增 consultantBoxCssStyle 用于配置 预览分享 -->
      <div class="consultant-bg 512" *ngIf="item.consultantBox" [ngStyle]="item.consultantBoxCssStyle|styleFilter">
        <div class="firstRowLeftBox"  [ngStyle]="item.firstRowLeftBoxCssStyle|styleFilter">
          <img src="assets/icon/img_left mh@3x.png" *ngIf="item.consultantBox?.firstRowLeft?.firstText?.label"
            class="bg-icon" [ngStyle]="item.consultantBox?.firstRowLeft?.firstText?.iconCssStyle|styleFilter" alt="">

          <p class="consultant-info" [ngStyle]="item.consultantInfoCssStyle|styleFilter" *ngIf="item.consultantBox.headRowLeft?.firstText?.label">
            <img class="consultant-avatar" [ngStyle]="item.consultantAvatarCssStyle|styleFilter" src="{{item.consultantBox.headRowLeft?.icon?.iconName}}" alt=""
              onerror="onerror=null;src='assets/img/headportraitstaff.png'">
            <span class="consultant-name" [ngStyle]="item.consultantNameCssStyle|styleFilter">{{item.consultantBox.headRowLeft?.firstText?.label}}</span>
            <span class="consultant-tag" [ngStyle]="item.consultantTagCssStyle|styleFilter">{{item.consultantBox.headRowLeft?.secondText?.label}}</span>
          </p>
          <div [ngStyle]="item.consultantBox.firstRowLeft.firstText.labelCssStyle |styleFilter"
            class="consultant-remark" *ngIf="item.consultantBox?.firstRowLeft?.firstText?.label">
            {{item.consultantBox.firstRowLeft.firstText.label}}
          </div>
        </div>
      </div>
      <!--蜂喔赚钱宝 1.7.1新增修改推荐语弹出modal-->
      <div [ngStyle]="item.consultantBox?.firstRowLeft?.firstText?.boxCssStyle|styleFilter" class="updateCommentBox">
        <ng-container *ngFor="let btnItem of item.updateComment?.button">
          <p class="update-comment" *ngIf="btnItem" [ngStyle]="btnItem.btnCssStyle|styleFilter"
            appDebounceClick (debounceClick)="justGoPage(btnItem,$event,i)">
            {{btnItem?.label}}</p>
        </ng-container>

        <!--默认按钮类型-->
        <ng-container *ngFor="let btnItem of item.buttons">
          <ng-container *ngIf="btnItem.link">
            <div class="spanBtn 3" appDebounceClick (debounceClick)="normalBtnClick(btnItem,dataIndex)"
              [ngStyle]="btnItem.link?.params?.btnCssStyle|styleFilter">
              <ng-container *ngIf="btnItem.modelType"> {{btnItem.iconLabel}}</ng-container>
              <ng-container *ngIf="!btnItem.modelType"> {{btnItem.label}}</ng-container>
              <img *ngIf="btnItem.link?.params?.imgUrl" [src]="btnItem.link?.params?.imgUrl"
                onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                [ngStyle]="btnItem.link?.params?.imgUrlCssStyle|styleFilter" />
                <div class="btnBadge" *ngIf="btnItem.badge!==undefined&&btnItem.badge!=='0'"></div>
            </div>
          </ng-container>
          <ng-container *ngIf="btnItem.button">
            <div class="spanBtn 4" appDebounceClick (debounceClick)="normalBtnClick(btnItem,dataIndex)"
              [ngStyle]="btnItem.button?.submit?.content?.btnCssStyle|styleFilter">
              <ng-container *ngIf="btnItem.modelType"> {{btnItem.iconLabel}}</ng-container>
              <ng-container *ngIf="!btnItem.modelType"> {{btnItem.label}}</ng-container>
              <img *ngIf="btnItem.button?.submit?.content?.imgUrl"
                [src]="btnItem.button?.submit?.content?.imgUrl"
                onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                [ngStyle]="btnItem.button?.submit?.content?.imgUrlCssStyle|styleFilter" />
              <div class="btnBadge" *ngIf="btnItem.badge!==undefined&&btnItem.badge!=='0'"></div>
            </div>
          </ng-container>
          <ng-container *ngIf="!btnItem.button&&!btnItem.link">
            <div class="spanBtn 5" appDebounceClick (debounceClick)="normalBtnClick(btnItem,dataIndex)"
              [ngStyle]="btnItem.btnCssStyle|styleFilter">
              <ng-container *ngIf="btnItem.modelType"> {{btnItem.iconLabel}}</ng-container>
              <ng-container *ngIf="!btnItem.modelType"> {{btnItem.label}}</ng-container>
              <img *ngIf="btnItem?.imgUrl" [src]="btnItem?.imgUrl"
                onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                [ngStyle]="btnItem?.imgUrlCssStyle|styleFilter" />
                <div class="btnBadge" *ngIf="btnItem.badge!==undefined&&btnItem.badge!=='0'"></div>
            </div>
          </ng-container>
        </ng-container>
      </div>
      <!--  顾问备注无头像 consultantRemark -->
      <div class="consultant-bg remark" *ngIf="item.consultantRemark">
        <img src="assets/icon/img_left mh@3x.png" class="bg-icon remark" alt="">

        <!-- <p class="consultant-info" *ngIf="item.consultantBox.headRowLeft?.firstText?.label">
          <img class="consultant-avatar" src="{{item.consultantBox.headRowLeft?.icon?.iconName}}" alt="" onerror="onerror=null;src='assets/img/headtrait.png'">
          <span class="consultant-name">{{item.consultantBox.headRowLeft?.firstText?.label}}</span>
          <span class="consultant-tag">{{item.consultantBox.headRowLeft?.secondText?.label}}</span>
        </p> -->
        <div class="consultant-remark remark" *ngIf="item.consultantRemark?.firstRowLeft?.firstText?.label">
          <span *ngIf="item.consultantRemark?.headRowLeft"
            class="consultant-remark-header">{{item.consultantRemark?.headRowLeft}}</span>
          <span>
            {{item.consultantRemark.firstRowLeft.firstText.label}}
          </span>
        </div>
      </div>




      <!-- 跟进状态 -->
      <!-- <hr style="border-bottom: 0.03rem solid #EBEBED;margin-top: 0.94rem;" *ngIf="item.downleft && item.downleft.line === 'true' "> -->
      <div class="item-tool-bg" *ngIf="item.downleft || item.downRight">
        <!-- *ngIf="item.downleft?.firstText?.label"  占位 保持后面的icon 居右侧-->
        <p class="item-tool-status" [ngStyle]="item.downleft?.firstText?.cssStyle | styleFilter">
          {{item.downleft?.firstText?.label}}
        </p>
        <ng-container *ngIf="item.downRight?.iconList && item.downRight?.iconList?.length > 0">
          <div class="item-tool-icon-bg"
            [ngClass]="{'last-icon-tip': i === (item.downRight.iconList.length -1)  && (iconItem.tip && iconItem.tip.length > 0)}"
            *ngFor="let iconItem of item.downRight.iconList, let i = index">
            <span class="item-tool-icon-tip" [ngStyle]="iconItem.cssStyle | styleFilter"
              *ngIf="iconItem.tip && iconItem.tip.length > 0">{{iconItem.tip}}</span>
            <img class="item-tool-icon" src="assets/icon/{{iconItem.iconName}}" alt=""
              appDebounceClick (debounceClick)="iconClick(iconItem)">
          </div>
        </ng-container>
      </div>


      <!--1.7.1 蜂喔赚钱宝 新增修改属性-->
      <div class="item-box-171-upd">
        <div class="item-box-171-left" [ngStyle]="item.informationBox?.leftBox?.cssStyle|styleFilter">
          {{item.informationBox?.leftBox?.label}}
        </div>
        <div class="item-box-171-right" [ngStyle]="item.informationBox?.button?.link?.params?.cssStyle|styleFilter"
          appDebounceClick (debounceClick)="goPage(item.informationBox.button, false, tagData.data.data, i)">
          <ng-container *ngIf="item.informationBox?.button?.link?.params?.label; else elseTemplate">
            {{item.informationBox?.button?.link?.params?.label}}</ng-container>
          <ng-template #elseTemplate>{{item.informationBox?.button?.submit?.content?.label}}</ng-template>
        </div>
      </div>

      <div class="item-line" *ngIf="item.line" [ngStyle]="item.line?.lineCssStyle | styleFilter"></div>

    </div>
  </ng-container>

  <!-- Ad7  1.9.16 新增 服务客户评价-->
  <div class="item-ad-bg item-ad-7" [ngStyle]="tagData.data.itemCssStyle | styleFilter"
    *ngIf="item.type && item.type === '7'">
    <div class="item-ad-7-top" appDebounceClick (debounceClick)="justGoPage(item,$event,i)" [ngStyle]="item.topBoxCssStyle|styleFilter">
      <span class="item-ad-7-left" [ngStyle]="item.imgBoxCssStyle|styleFilter">
        <img class="item-ad-7-imag" *ngIf="item.imageUrl" [src]="item.imageUrl"
          onerror="this.src='assets/fw/expert_icon_chat_location.png'" [ngStyle]="item.imageUrlCssStyle|styleFilter" />
        <img src="assets/fw/video_icon_paly.png" class="play-btn" [ngStyle]="item.playBtnCssStyle|styleFilter">
      </span>
      <div class="item-ad-7-title-box" [ngStyle]="item.titleBoxCssStyle|styleFilter">
        <p class="item-ad-7-title" [ngStyle]="item.titleCssStyle|styleFilter">{{item.title}}</p>
        <p class="item-ad-7-start" [ngStyle]="item.startBoxCssStyle|styleFilter">
          <app-rating [rate]="item.start">
          </app-rating>
          <span *ngIf="item.startLabel" [ngStyle]="item.startLabelCssStyle|styleFilter">
            {{item.startLabel}}
          </span>
        </p>
      </div>
    </div>
    <div class="item-ad-7-children" *ngIf="item.children!==undefined&&item.children.length>0"
      [ngStyle]="item.bottomCssStyle|styleFilter">
      <ng-container *ngFor="let s of item.children">
        <ng-container *ngIf="s.serviceUser!==undefined; else item7ChildrenTempalte">
          <div class="item-7-children-box">
            <p class="item-7-serviceUser" *ngIf="s.serviceUser?.creator"
              [ngStyle]="s.serviceUser?.boxCssStyle|styleFilter">
              <img class="item-7-children-avator" [src]="s.serviceUser?.avator"
                onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                [ngStyle]="s.serviceUser?.avatorCssStyle|styleFilter" />
              <span class="children-creator"
                [ngStyle]="s.serviceUser?.creatorStyle|styleFilter">{{s.serviceUser?.creator}}</span>

              <font class="children-time" [ngStyle]="s.serviceUser?.timeCssStyle|styleFilter">{{s.serviceUser?.time}}
              </font>
            </p>
            <p class="item-7-serviceUser-title" *ngIf="s.serviceUser?.title"
              [ngStyle]="s.serviceUser?.titleCssStyle|styleFilter">{{s.serviceUser?.title}}
            </p>
          </div>
        </ng-container>
        <ng-template #item7ChildrenTempalte>
          <p class="showMore" *ngIf="s.link" appDebounceClick (debounceClick)="goPage(s)" [ngStyle]="s.link?.params?.cssStyle|styleFilter">
            {{s.link?.label}}
            <img class="item7Arrow" [src]="s.link?.params?.icon" onerror="this.src='assets/fw/arrow_icon_right2.png'"
              [ngStyle]="s.link?.params?.iconCssStyle|styleFilter" />
          </p>
        </ng-template>
      </ng-container>

    </div>
  </div>
</ng-container>


<p class="noData" *ngIf="!tagData.data.data || tagData.data.data.length === 0">
  {{defaultHint}}
</p>
<ng-container *ngIf="tagData.data.moreButton && tagData.data.moreButton.label">
  <div class="more-btn-box">
    <div class="more-btn" [ngStyle]="tagData.data.moreButton?.cssStyle | styleFilter"
      appDebounceClick (debounceClick)="goPage(tagData.data.moreButton,true)">
      {{tagData.data.moreButton.label}}
    </div>
  </div>
</ng-container>
<p class="limit-hint" *ngIf="tagData.limitHint && !showLoadMore && tagData.data.data && tagData.data.data.length > 0">
  {{tagData.limitHint}}
</p>
<ion-infinite-scroll [ngStyle]="tagData.loadMoreCssStyle | styleFilter" *ngIf="showLoadMore" threshold="1px"
  (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>